<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="javascript" type="text/javascript" src="/demo/jquery.1.8.2.min.js"></script>
<script language="javascript" type="text/javascript" src="/demo/window.js"></script>
<link rel="stylesheet" type="text/css" href="/demo/font.css" />
</head>

<body>
<div class="nav">
	<table align="center" width="1000" cellpadding="0" cellspacing="0" border="0">
		<tr valign="bottom">
			<td width="20%" align="left">
				<a href="/">
					<span class="u">uRead</span>
					<span class="dot">•</span>
					<span class="me">Me</span>
				</a>
			</td>
			<td width="30%" align="left" style="padding-bottom:6px;">
				<a href="#" class="nd" >阅读圈</a>
				<a href="#" class="nd" >存档</a>
				<a href="#" class="nd" >好友</a>
				<a href="#" class="nd" >推荐</a>
				<a href="#" class="nd" >热门</a>
				<a href="#" class="nd" >最新</a>
			</td>
			<td width="30%" align="right" style="padding-bottom:5px;">
				<span>
					<img class="social_icon" src="/images/icon_weibo_16.png" title="新浪微博已经绑定">
					<img class="social_icon" src="/images/icon_qqwb_16.png" title="腾讯微博已经绑定">
					<a class="nk" href="#" style=" vertical-align: middle;">【乐言】</a> 
				</span>
			</td>
			<td width="20%" align="right" style="padding-bottom:6px; padding-right:10px;">
				<a class="ud" onclick="UM_LAYER.open('index/show_setting', '', this);" style=" vertical-align: middle;">账号设置</a> &nbsp;|&nbsp;
				<a class="ud" onclick="UM_LAYER.open('extension/default');" style=" vertical-align: middle;">网文摘手</a> &nbsp;|&nbsp;
				<a class="ud" href="/?logout=1" style=" vertical-align: middle;">退出</a>
			</td>
		</tr>
	</table>
</div>

<table align="center" width="1000" cellpadding=0 cellspacing=0 border=0>
	<tr valign=top>
		<td width=260 style="background-color:#EEE; padding:10px 5px;">
			<table width=100% cellpadding=0 cellspacing=0 border=0 style="border:1px solid #dddddd;">
				<tr>
					<td style="background-color:#faf8f3; padding:10px 10px; border-bottom:1px solid #fde9d8; font-size:14px;">
						<i class="icon_b"></i>
						我的阅读圈
					</td>
				</tr>
				<tr>
					<td style="background-color:#FFF; padding:5px 10px; border-bottom:1px dotted #feedcb;">
						<table width=100% cellpadding=0 cellspacing=0 border=0>
							<tr>
								<td colspan=3 style="font-size:14px; padding-bottom:5px;">创业</td>
							</tr>
							<tr>
								<td width="33%" style="color:#777;">成员:5</td>
								<td width="33%" style="color:#777;">订阅:12</td>
								<td width="34%" style="color:#777;">文章:32</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td style="background-color:#FFF; padding:5px 10px; border-bottom:1px dotted #feedcb;">
						<table width=100% cellpadding=0 cellspacing=0 border=0>
							<tr>
								<td colspan=3>互联网资讯</td>
							</tr>
							<tr>
								<td width="33%" style="color:#777;">成员:5</td>
								<td width="33%" style="color:#777;">订阅:12</td>
								<td width="34%" style="color:#777;">文章:32</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
		<td width=460 style="background-color:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC;">
			<img src="article_list.png">
		</td>
		<td class="side_bar" width=280 style="width:280px; background-color:#EEE; padding:10px;">
			<div class="block">
				<div class="hd">
					<div class="more">
					</div>
					<i class="icon_y icon_triangle_down"></i>
					<a>热点文章</a>
				</div>
				<div id="aaa" style="height:146px; overflow:hidden;">
				<script type="text/javascript">
					loadMod('index/feed', '', $('#aaa'));
				</script>
				</div>
			</div>
					<div class="block">
				<div class="hd">
					<div class="more">
					</div>
					<i class="icon_y icon_triangle_down"></i>
					<a>推荐阅读圈</a>
				</div>
				<div id="bbb" style="height:146px; overflow:hidden;">
				<script type="text/javascript">
					loadMod('index/feed', '', $('#bbb'));
				</script>
				</div>
			</div>
					<div class="block">
				<div class="hd">
					<div class="more">
					</div>
					<i class="icon_y icon_triangle_down"></i>
					<a>好友动态</a>
				</div>
				<div id="ccc" style="height:310px; overflow:hidden;">
				<script type="text/javascript">
					loadMod('index/feed', '', $('#ccc'));
				</script>
				</div>
			</div>
				</td>
	</tr>
</table>

</body>
</html>